<!DOCTYPE html>
<html>
	<head>
		<title>chart created with amCharts | amCharts</title>
		<meta name="description" content="chart created using amCharts live editor" />
		
		<!-- amCharts javascript sources -->
		<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
		<script type="text/javascript" src="https://cdn.amcharts.com/lib/3/serial.js"></script>
		

		<!-- amCharts javascript code -->
		<script type="text/javascript">
			AmCharts.makeChart("chartdiv",
				{
					"type": "serial",
					"categoryField": "Country Name",
					"startDuration": 1,
					"theme": "default",
					"categoryAxis": {
						"gridPosition": "start"
					},
					"chartCursor": {
						"enabled": true
					},
					"chartScrollbar": {
						"enabled": true
					},
					"trendLines": [],
					"graphs": [
						{
							"fillAlphas": 1,
							"id": "AmGraph-1",
							"title": "graph 1",
							"type": "column",
							"valueField": "China"
						}
					],
					"guides": [],
					"valueAxes": [
						{
							"id": "ValueAxis-1",
							"title": "Axis title"
						}
					],
					"allLabels": [],
					"balloon": {},
					"titles": [
						{
							"color": "#4DBECC",
							"id": "Title-1",
							"size": 15,
							"text": "中国GDP-服务业"
						}
					],
					"dataProvider": [
						{
							"China": "4.8196E+11",
							"": "",
							"Country Name": "2000"
						},
						{
							"China": "5.52143E+11",
							"": "",
							"Country Name": "2001"
						},
						{
							"China": "6.2128E+11",
							"": "",
							"Country Name": "2002"
						},
						{
							"China": "6.97786E+11",
							"": "",
							"Country Name": "2003"
						},
						{
							"China": "8.05273E+11",
							"": "",
							"Country Name": "2004"
						},
						{
							"China": "9.44923E+11",
							"": "",
							"Country Name": "2005"
						},
						{
							"China": "1.15085E+12",
							"": "",
							"Country Name": "2006"
						},
						{
							"China": "1.52201E+12",
							"": "",
							"Country Name": "2007"
						},
						{
							"China": "1.96912E+12",
							"": "",
							"Country Name": "2008"
						},
						{
							"China": "2.26549E+12",
							"": "",
							"Country Name": "2009"
						},
						{
							"China": "2.68914E+12",
							"": "",
							"Country Name": "2010"
						},
						{
							"China": "3.34481E+12",
							"": "",
							"Country Name": "2011"
						},
						{
							"China": "3.87901E+12",
							"": "",
							"Country Name": "2012"
						},
						{
							"China": "4.48668E+12",
							"": "",
							"Country Name": "2013"
						},
						{
							"China": "5.05668E+12",
							"": "",
							"Country Name": "2014"
						},
						{
							"China": "5.61614E+12",
							"": "",
							"Country Name": "2015"
						},
						{
							"China": "5.882E+12",
							"": "",
							"Country Name": "2016"
						},
						{
							"China": "6.48575E+12",
							"": "",
							"Country Name": "2017"
						},
						{
							"China": "7.40181E+12",
							"": "",
							"Country Name": "2018"
						},
						{
							"China": "7.74958E+12",
							"": "",
							"Country Name": "2019"
						},
						{
							"China": "7.99873E+12",
							"": "",
							"Country Name": "2020"
						},
						{
							"China": "9.52828E+12",
							"": "",
							"Country Name": "2021"
						},
						{
							"China": "9.48022E+12",
							"": "",
							"Country Name": "2022"
						},
						
					]
				}
			);
		</script>
	</head>
	<body>
		<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;" ></div>
	</body>
</html>